<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<title>平安车行汽车服务</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<header  class="all-ratings-header">
		<a href="javascript:history.go(-1)" class="return"></a>
		<h2 class="title">我要点评</h2>
		<span class="submit">提交</span>
	</header>
<!-- package start -->
	<div class="package">
		<div class="avatar"><img src="img/img1.png" alt=""></div>
		<div class="text">
			<h3 class="name">人工普洗，免预约</h3>
			<div class="price-wrapper">
				<span class="price">¥20</span>
				<span class="old-price">¥60</span>
			</div>
		</div>
	</div>
<!-- package end -->
<!-- critique start -->
	<div class="critique-detail">
		<div class="satis-degree">
			<h3 class="title">满意程度</h3>
			<ul class="star-wrapper" id="star-wrapper">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="message-wrapper">
			<textarea  placeholder="说点什么吧~"></textarea>
			<div class="num"><span>0</span>/300</div>
		</div>
		<ul class="tag-list clearfix">
			<li class="tag-item">服务好</li>
			<li class="tag-item">服务好</li>
			<li class="tag-item">服务好</li>
			<li class="tag-item">服务好</li>
			<li class="tag-item">干净</li>
			<li class="tag-item">按时完成</li>
			<li class="tag-item">服务态度好</li>
			<li class="tag-item">干净</li>
		</ul>
		<!-- 上传图片 start -->
		<div class="upload-pictures">
			<div class="z_photo upimg-div clearfix" >
   	  	<section class="z_file fl">
	     	 	<img src="img/a11.png" class="add-img">
	     	 	<input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple />
   	 		</section>
     	</div>
		</div>
		<!-- 插件地址 http://www.jq22.com/jquery-info13194 -->
		<aside class="mask works-mask">
			<div class="mask-content">
				<p class="del-p">您确定要删除作品图片吗？</p>
				<p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>
			</div>
		</aside>
	</div>
<!-- critique end -->

<!-- 以下为页面js部分 -->
 <script type="text/javascript" src="js/jquery.min.js"></script>
 <script type="text/javascript" src="js/imgUp.js"></script>
 <script>
		(function() {
	 		var oUl=document.getElementById('star-wrapper');
	    var aLi=oUl.children;

	    for(var i=0;i<aLi.length;i++){
	        if(i%2==0){
	            aLi[i].className='lef_ac';
	        }else{
	            aLi[i].className='rig_ac';
	        }
	    }

	    for(var i=0;i<aLi.length;i++){
	        aLi[i].index=i;
	        aLi[i].onclick=function(){
	            for(var i=0;i<aLi.length;i++){
	                if(i%2==0){
	                    //左边  0 2 4 6 8
	                    if(this.index>=i){
	                        aLi[i].className='lef_on';
	                    }else{
	                        aLi[i].className='lef_ac';
	                    }
	                }else{
	                    //右边 1 3 5 7 9
	                    if(this.index>=i){
	                        aLi[i].className='rig_on';
	                    }else{
	                        aLi[i].className='rig_ac';
	                    }
	                }
	            }
	        }
	    }
	 	})();
	 	// 星星评分
  </script>
	<script>
		;(function() {
			function change() {
				var font = document.documentElement.clientWidth / 375 * 50;
				document.documentElement.style.fontSize = font + 'px';
			};
			window.addEventListener('resize', change, false);
			change();
		})();
		// rem 单位换算 *不可删除
    </script>
</body>
</html>